<style>
#paginator.container{
	background-color: inherit;
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:auto;
}


#paginator .page{
	border:1px solid #b7d8ee;
	margin:0px 0px 0px 0px;

	width:auto;
	
}

#paginator a {
	padding: 6px 9px 6px 9px;
	margin:0px 0px 0px 0px;
	color: #0030ce;
	font-size:16px;
	line-height: 36px;
	text-decoration: none;
	font-family:Arial,Helvetica,sans-serif;
	cursor:  cursor:pointer; cursor: hand;
}

#paginator a:hover, a:active {
color: white;
background-color: black; 
}


#paginator .tapl{
	border-top:none;
	border-right: none;
	padding: 12px 0px 5px 5px;
	margin:0px 0px 0px 0px;
	line-height: 34px;
	
}

#paginator .tap{
	border-top:none;
	border-bottom: none;
	padding: 12px 0px 5px 0px;
	margin:0px 0px 0px 0px;
	line-height: 36px;
	
}


#paginator .tapr{
	border-top:none;
	border-left:none;
	padding: 12px 0px 5px 5px;
	margin:0px 0px 0px 0px;
	line-height: 36px;
	
}


#paginator .currentPage{
	background-color: inherit;
	color: auto;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	margin:0px 0px 0px 0px;
	padding: 7px 5px 5px 9px;
	
	
	line-height: 36px;
	border-right: 4px solid red;

	width:auto;
}

#paginator .disabledPage{
	background-color: inherit;
	color: gray;
	border:1px solid gray;
	padding: 6px 9px 6px 9px;
	margin:0px 0px 0px 0px;
    line-height: 38px;
	font-family:Arial,Helvetica,sans-serif;
	width:auto;
	cursor:  cursor:pointer; cursor: hand;
}
	

</style>

<span id="paginator" name="paginator" class="container">
<span class="tapl">
{Block first|}<a class="page" href="?{control}={pageNumber}" title="Go to first page">1</a> {|first}
{Block firstDisabled|}<span class="disabledPage" title="Go to first page">1</span> {|firstDisabled}
{Block prev|}<a class="page" href="?{control}={pageNumber}" title="Go to previos page {pageNumber}">&laquo;</a> {|prev}
{Block prevDisabled|}<span  class="disabledPage"title="This is first page {pageNumber}">&laquo;</span> {|prevDisabled}
{Block page|}<a class="page" href="?{control}={pageNumber}" title="Go to page {pageNumber}">{pageNumber}</a> {|page}
{Block currentPage|}
</span> 
<span class="tap">
    <span class="currentPage"  title="Current page {pageNumber}">{pageNumber}</span>
</span>
<span class="tapr">
{|currentPage}
{Block next|}<a class="page" href="?{control}={pageNumber}" title="Go to next page {pageNumber}">&raquo;</a> {|next}
{Block nextDisabled|}<span class="disabledPage"  title="This is last page {pageNumber}" >&raquo;</span> {|nextDisabled}
{Block last|}<a class="page" href="?{control}={pageNumber}" title="Go to last page {pageNumber}">{pageNumber}</a> {|last}
{Block lastDisabled|}<span class="disabledPage" title="This is last page {pageNumber}">{pageNumber}</span>{|lastDisabled}
</span>
</span>